<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>公司列表</title>
    <script src="static/js/jquery-1.9.1.min.js"></script>
    <script>
        $(document).ready(function() {
            $.ajax({
                url : "/getAllFirm",
                timeout: 300000,
                dataType : "json",//数据格式
                type : "get",//请求方式
                success : function(data) {   //如果请求成功，返回数据。
                    console.log("前端请求后端成功，返回了数据");
                    var html = "";
                    $.each(data.firmList,function(index,item){
                        html += "<tr>"
                            +"<td>"+item.id+"</td>"
                            +"<td>"+item.firm+"</td>"
                            +"<td>"+item.city+"</td>"
                            +"<td>"+item.name+"</td>"
                            +"<td>"+item.phone+"</td>"
                            +"<td>"+item.other+"</td>"+
                            "</tr>";

                    });
                    $("#test").html(html); //在html页面id=test的标签里显示html内容
                },
            })
        });
    </script>
    <!--<script>
        $(function () {
            //进行异步请求
            $.getJSON("/getAllFirm",function(data){
                if(data.success){
                    //遍历集合
                    $.each(data.firmList,function(index,firm){
                        alert(firm.id+" "+firm.firm+" "+firm.city+" "+firm.name+" "+firm.phone+" "+firm.other);

                    });
                }
            });
        });
    </script>-->
</head>
<body>
<table width="50%" align="center" border="1">
    <tr align="center">
        <td>编号</td>
        <td>参与合作的公司名称</td>
        <td>该公司所在地</td>
        <td>公司的负责人</td>
        <td>负责人的电话</td>
        <td>备注</td>
        <td>操作</td>
    </tr>
    <tbody id="test"></tbody>

</table>
</body>
</html>

